<template>
	<view>
		<!-- 旅游攻略 -->
		<uni-card 
		margin="0" spacing="0" :border="false" :is-shadow="false"
		class="tour-card">
			<template v-slot:title>
				<view class="card-header" >
					<text class="header-title">旅行攻略</text>
					<text class="header-extra" @click="jump('/pages/allStrategies/allStrategies')">查看全部</text>
				</view>
			</template>
			<template v-slot:actions>
				<view class="card-actions">
					<DuctionList></DuctionList>
				</view>
			</template>
		</uni-card>
	</view>
</template>

<script>
	import DuctionList from "@/components/my/tourIntroduction/DuctionList.vue"
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			jump(url){
				uni.navigateTo({
					url
				})
			}
		},
		components:{
			DuctionList
		}
	}
</script>

<style scoped lang="scss">
	.tour-card{
		height: 345rpx;
		display: flex;
		flex-direction: column;
	::v-deep .uni-card__header{
		border: none;
	}
	::v-deep .uni-card__content{
		display: none;
	}
	}
	.card-header{
		display: flex;
		justify-content: space-between;
		padding:30rpx;
		.header-title{
			font-size: 30rpx;
			color: #40366e;
		}
		.header-extra{
			font-size: 20rpx;
			color: #c4c4c4;
		}
	}
	.card-actions{
		width: 100%;	
		}	
</style>
